<template>
  <div class="footer">
    <div class="info-box">
      <span>门道数据查询系统</span>
      <span class="ph-10">|</span>
      <span>你与更精彩的自己，只差一道门的距离！</span>
    </div>
    <div class="info-box">
      <span>客服电话：</span>
      <span>18189150954</span>
    </div>
  </div>
</template>

<script>
  export default {
    name: "pageFooter"
  }
</script>

<style scoped lang="stylus">
  .footer
    width: 100%;
    height: 60px;
    padding 10px
    position: relative;
    bottom: 0;
    background: #E65A1E;
    font-size: 12px;
    color: #fff;

    .info-box
      display flex
      align-items center
      justify-content center
      line-height 20px

    .ph-10
      padding 0 6px
</style>